
html, body, div, p, li, ul, form, set,  h2, h3, h4, h5, h6   { margin: 0; padding: 0; list-style: none; }
.none     { display: none;}
.hidden   { visibility: hidden;}
.fl       { float: left !important;}
.fr       { float: right !important;}
.left     { text-align: left;}
.right    { text-align: right;}
.center   { text-align: center !important;}
.bold     { font-weight: bold;}
.italic   { font-style: italic;}
.nomargin { margin: 0 !important;}
img       { border: none;}
a         { outline-style: none; }
html, body    { height: 100%; }
body          { letter-spacing: 0em; background: #17316a; }
 
/* -- Links -- */
a, a:visited, a:active, a:link {  color: #000; text-decoration: underline; outline: none; }
a:hover                        {  text-decoration: none; }

/* -- Titulares -- */
h1, h2 { font-weight: normal; }
h1         { font-size: 2.750em; margin: 0 0 15px; }
h2         { font-size: 2em; margin: 0 0 20px; }      

/* Fuentes y Color
 * ------------
 */
 
html { font-size:100%; }
body { font: .750em Arial, sans-serif; }
input, textarea { font: 1em Arial, sans-serif; }
h1, h2, h3 { color: #201917; }

#content, input, textarea { color: #404040;}

/*  Layout
 *  ------
 */
 
#main {
 	width: 100%;
	margin: auto; padding: 380px 0 0 0;
	text-align: left;
	position: relative; 

}
 
#menu {
 	width: 100%;
	margin: 0 auto 0 auto; 
	padding:0;
	text-align: left;
	position: absolute;
	z-index:999;
	line-height:30px;
	height:70px; 
	top:0px;
	background:#000;
}
#menu div.menu_header {
 	width: 980px;
	height:70px;
	margin: 0 auto 0 auto;
	background:url(../images/admin/pemex.png) no-repeat top center;
}


#menu ul,li {
	margin: 0 ; 
	padding:0 ;
	float:left;
}

#footer {
  margin: auto; 
  width: 100%;
  height:25px;
  background-image: url(../images/admin/bg-header-login.gif);
  text-align:center;
  padding:15px 0 0 0;
  color:#FFF;  
}

#content {
  position: relative;
  margin: auto; 
  width: 100%;
}

#content div.content_cols {
  margin: auto; 
  width: 980px;
  height: auto;
  margin-bottom:30px;
  overflow: auto;
  
}

#content div.col{ 
  position: relative;
  margin: 30px 15px 0 15px;
  padding:20px;
  width: 250px;
  height:300px;
  float:left;
  background: #FFF;
  -webkit-border-radius: 6px; border-radius: 6px;  -moz-border-radius:6px;
}

#content div.col ul { 
  margin: 0;
  padding:0;
}

#content div.col li { 
  margin: 0 0 5px 0; 
  padding:8px 8px 8px 28px;
  width:215px;
  float:left;
  background: url(../images/vinesistemas.png) no-repeat #eaeaea;
  border-bottom: 1px solid #ddd;
}


#content div.col li:hover { 
  background: #ccc;
}


#content div.col a {
	text-decoration:none;
	color: #690;
}

#content div.col a:hover {
	text-decoration: none;
	color: #fff;
}


#content h1 {
	font-size:18px; line-height:18px; padding-bottom:5px; border-bottom:2px solid #696;
}

#content div.colhalf { 
  position: relative;
  margin: 30px 15px 0 15px;
  padding:20px;
  width: 570px;
  float:left;
  background: #FFF;
  height:300px;
  -webkit-border-radius: 6px; border-radius: 6px;  -moz-border-radius:6px;

}


#content div.colfull { 
  position: relative;
  margin: 30px 15px 0 15px;
  padding:20px;
  width: 890px;
  float:left;
  background: #FFF;
  height:300px;
  -webkit-border-radius: 6px; border-radius: 6px;  -moz-border-radius:6px;

}


#login { 
  position: relative;
  margin:60px 0 0 0;
  width: 260px;
  float:left;
  padding:10px 15px 0 15px;
 -webkit-border-radius: 6px; border-radius: 6px;  -moz-border-radius:6px;
}

#logo { 
  position: relative;
  margin:90px 0 0 0;
  width: 655px;
  float:left;
  text-align:center;
}




/* -- form col -- */
.form-col { float: left; }
.form-col { float: right; }

/* -- formBox -- */
.formBox                  { position: relative; padding-bottom: 15px; }
.formBox fieldset         { padding: 0; margin: 0; border: none; }

.formBox label                 { color: #fff; }
.formBox label.lab             { position: relative; display: block; font-weight: bold; margin: 0 0 6px 0; }
.formBox label.lab .warning    { position: absolute; top: 0; right: 2px; display: block; width: 16px; height: 16px; background: url(../images/ico-warning.png) 0 0; }
.formBox input.input           { height:16px; line-height:1em; margin-bottom:-1px; padding:9px 10px 8px; width: 234px; color: #fff; border: none; background: 0 0 no-repeat; }
.formBox input:focus.input     { background: 0 -33px no-repeat; }
.formBox input.checkbox        { border:0 none; float:none; margin:0 10px 0 0; width:auto; }

.formBox .form-col        { float: left; height: 60px; margin-bottom: 10px; }
.formBox .form-col-right  { float: right; }
.formBox .form-col-check  { padding-top: 10px; height: 30px; }
.formBox .submit          { width: 111px; height: 33px; font-size: 14px; font-weight: bold; color: #3a3a3a; cursor: pointer; border: none; background: url(../images/bg-submit.gif) 0 0 no-repeat; }




/* -- Table  -- */
table { width: 100%; border-collapse: collapse; }
table th { padding: 8px 12px; text-align: left; font-size: 1em; border-top: 2px solid #ccc; background:#e1f2dd; }
table td { padding: 8px 12px; text-align: left; font-size: 1em; border-bottom: 1px solid #e3e3e3; background: transparent; }
table th.action { border-right: 0;}
table th.checkbox, table td.checkbox { padding: 8px 2px;width: 20px; }
table td.action, table th.action { width: 35px; text-align: right; }
table td.action a.ico { float: right; }

table tr.odd   { background: #f8f8f8; }
table tr:hover { background: #efefef; }

table th.dragHandle  { padding: 0; width: 10px; }
table td.dragHandle  { padding: 0; width: 10px; cursor: move; background: url(../images/dragHandle.png) 2px 2px no-repeat;} 

table td a { text-decoration: none; }
table td img { margin-right:10px;}
